---
type: tutorial
title: Almacena tu repositorio en línea
i18nReady: true
description: |-
  Tutorial: Crea tu primer blog con Astro —
  Crea un repositorio de GitHub para tu proyecto tutorial
---
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';
import Badge from "~/components/Badge.astro"

<PreCheck>
  - Poner en línea tu repositorio de proyectos
</PreCheck>

Este tutorial utilizará GitHub para almacenar nuestro repositorio y conectarse a un host web. Te invitamos a utilizar el proveedor de git en línea de tu elección.

:::note
Si ya estás familiarizado con git y tienes tu propio flujo de trabajo, crea un nuevo repositorio de GitHub para tu proyecto utilizando el método que prefieras. Pasa a la siguiente página: ["Despliega tu sitio en la web"](/es/tutorial/1-setup/5/).
:::

## Crea un repositorio en GitHub

Aunque hay algunas maneras de obtener tu código local almacenado en GitHub, este tutorial te guiará a través de un método que no requiere el uso de git en la línea de comandos. 

<Steps>
1. Accede a GitHub.com en un navegador y haz clic en el <kbd>+</kbd> de la parte superior derecha de la pantalla para crear un nuevo repositorio. 

2. Elige un nombre para tu repositorio. No tiene por qué ser el mismo nombre que la carpeta del proyecto.

3. Se te presentarán opciones, pero no necesitas cambiar ninguna de las predeterminadas. Desplázate hacia abajo y pulsa el botón <kbd>Create Repository</kbd>.

4. Se te presentarán varios pasos de configuración, pero no necesitarás utilizar ninguno de ellos. Anota la URL de tu repositorio. Ahora puedes salir de esta página sin hacer nada.
</Steps>

## Compila tu código local en GitHub

En la última sección, hiciste un cambio en el contenido de tu página. Esto significa que los archivos de tu proyecto han cambiado y VS Code debería mostrar un número encima del icono del menú "Fuente". Esta pestaña de fuente es a donde irás regularmente para actualizar tus archivos en GitHub.

<Steps>
1. Haz clic en la pestaña Control de código fuente en tu VS Code para ver una lista de los archivos que han cambiado. Si aparece un mensaje indicando que necesita instalar `git`, sigue las instrucciones que se proporcionan y, a continuación, vuelve a cargar VS Code.

2. Haz clic en el menú <kbd>•••</kbd> "3 puntos" situado encima del mensaje de confirmación y selecciona <kbd>Remote</kbd> > <kbd>Add Remote</kbd>.

3. Selecciona <kbd>Add remote from GitHub</kbd>. Si es necesario, sigue los pasos de autenticación y, a continuación, vuelve a VS Code y repite esta acción.

4. Deberías ver una lista de todos tus repositorios en GitHub. Elige el que creaste para este proyecto. Si no ves tu proyecto, pega directamente tu URL de GitHub. Puede que también se te pida que le des un nombre local a este repositorio. Puedes seleccionar el nombre que quieras.

5. En la parte superior del panel de menú, habrá un lugar para introducir un **mensaje de confirmación** (descripción de los cambios de tu archivo). Escribe `initial commit` y pulsa el botón <kbd>Commit</kbd> para confirmar los cambios.

6. Puede que aparezca un mensaje diciéndote que no tienes "staged" commits, y preguntándote si quieres escanearlos. Haz clic en <kbd>Always</kbd> y continua.

7. Por último, la lista de archivos modificados debería sustituirse por un botón <kbd>Publish</kbd>. Haz click en él para enviar los cambios confirmados a GitHub.
</Steps>

### Visualiza tu proyecto en GitHub

Para verificar que tu proyecto está almacenado correctamente en GitHub, visita GitHub.com y busca en tu cuenta una lista de tus repositorios. Elige el nuevo que has creado y comprueba que contiene los archivos de tu proyecto de Astro.




<Box icon="check-list">
## Checklist

<Checklist>
- [ ] He almacenado mi proyecto en GitHub.
</Checklist>
</Box>

### Recursos

- <p>[Usando el control de Git Source en VS Code](https://code.visualstudio.com/docs/sourcecontrol/overview#_git-support) <Badge class="neutral-badge" text="externo" /></p>
